create simple stats page

1 files changed, 0 insertions, 173 deletions

diff --git a/web/pw-server/src/routes/bots/[bot_name].svelte b/web/pw-server/src/routes/bots/[bot_name].svelte
deleted file mode 100644
index 58e89ad..0000000
--- a/web/pw-server/src/routes/bots/[bot_name].svelte
+++ /dev/null
@@ -1,173 +0,0 @@
-<script lang="ts" context="module">
-  import { ApiClient } from "$lib/api_client";
-
-  export async function load({ params, fetch }) {
-    const apiClient = new ApiClient(fetch);
-
-    try {
-      const [botData, matchesPage] = await Promise.all([
-        apiClient.get(`/api/bots/${params["bot_name"]}`),
-        apiClient.get("/api/matches", { bot: params["bot_name"], count: "20" }),
-      ]);
-
-      const { bot, owner, versions } = botData;
-      versions.sort((a: string, b: string) =>
-        dayjs(a["created_at"]).isAfter(b["created_at"]) ? -1 : 1
-      );
-      return {
-        props: {
-          bot,
-          owner,
-          versions,
-          matches: matchesPage["matches"],
-        },
-      };
-    } catch (error) {
-      return {
-        status: error.status,
-        error: error,
-      };
-    }
-  }
-</script>
-
-<script lang="ts">
-  import dayjs from "dayjs";
-  import { currentUser } from "$lib/stores/current_user";
-  import MatchList from "$lib/components/matches/MatchList.svelte";
-  import LinkButton from "$lib/components/LinkButton.svelte";
-
-  export let bot: object;
-  export let owner: object;
-  export let versions: object[];
-  export let matches: object[];
-
-  // function last_updated() {
-  //   versions.sort()
-  // }
-
-  // let files;
-
-  // async function submitCode() {
-  //   console.log("click");
-  //   const token = get_session_token();
-
-  //   const formData = new FormData();
-  //   formData.append("File", files[0]);
-
-  //   const res = await fetch(`/api/bots/${bot["id"]}/upload`, {
-  //     method: "POST",
-  //     headers: {
-  //       // the content type header will be set by the browser
-  //       Authorization: `Bearer ${token}`,
-  //     },
-  //     body: formData,
-  //   });
-
-  //   console.log(res.statusText);
-  // }
-</script>
-
-<!-- 
-<div>Upload code</div>
-<form on:submit|preventDefault={submitCode}>
-  <input type="file" bind:files />
-  <button type="submit">Submit</button>
-</form> -->
-
-<div class="container">
-  <div class="header">
-    <h1 class="bot-name">{bot["name"]}</h1>
-    {#if owner}
-      <a class="owner-name" href="/users/{owner['username']}">
-        {owner["username"]}
-      </a>
-    {/if}
-  </div>
-
-  {#if $currentUser && $currentUser["user_id"] === bot["owner_id"]}
-    <div>
-      <!-- TODO: can we avoid hardcoding the url? -->
-      Publish a new version by pushing a docker container to
-      <code>registry.planetwars.dev/{bot["name"]}:latest</code>, or using the web editor.
-    </div>
-
-    <div class="versions">
-      <h3>Versions</h3>
-      <ul class="version-list">
-        {#each versions.slice(0, 10) as version}
-          <li class="bot-version">
-            {dayjs(version["created_at"]).format("YYYY-MM-DD HH:mm")}
-            {#if version["container_digest"]}
-              <span class="container-digest">{version["container_digest"]}</span>
-            {:else}
-              <a href={`/code/${version["id"]}`}>view code</a>
-            {/if}
-          </li>
-        {/each}
-      </ul>
-      {#if versions.length == 0}
-        This bot does not have any versions yet.
-      {/if}
-    </div>
-  {/if}
-
-  <div class="matches">
-    <h3>Recent matches</h3>
-    <MatchList {matches} />
-    {#if matches.length > 0}
-      <div class="btn-container">
-        <LinkButton href={`/matches?bot=${bot["name"]}`}>All matches</LinkButton>
-      </div>
-    {/if}
-  </div>
-</div>
-
-<style lang="scss">
-  .container {
-    width: 800px;
-    max-width: 80%;
-    margin: 50px auto;
-  }
-
-  .header {
-    display: flex;
-    justify-content: space-between;
-    align-items: flex-end;
-    margin-bottom: 60px;
-    border-bottom: 1px solid black;
-  }
-
-  $header-space-above-line: 12px;
-
-  .bot-name {
-    font-size: 24pt;
-    margin-bottom: $header-space-above-line;
-  }
-
-  .owner-name {
-    font-size: 14pt;
-    text-decoration: none;
-    color: #333;
-    margin-bottom: $header-space-above-line;
-  }
-
-  .btn-container {
-    padding: 24px;
-    text-align: center;
-  }
-
-  .versions {
-    margin: 30px 0;
-  }
-
-  .version-list {
-    padding: 0;
-  }
-
-  .bot-version {
-    display: flex;
-    justify-content: space-between;
-    padding: 4px 24px;
-  }
-</style>